<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>蘑菇街</title>
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/group.css">
    <!--<link rel="stylesheet" href="css/animate.css">-->
    <script src="js/jquery-2.0.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/group.js"></script>
    <script src="js/groupshopping.js"></script>
</head>
<body>
<header>
    <!-- 内容部分滑动上浮导航条 -->
    <div class="quanbu">
        <div class="nav-daohang">
            <a href=""><span>精选</span></a>
            <a href=""><span>女装</span></a>
            <a href=""><span>女鞋</span></a>
            <a href=""><span>包包</span></a>
            <a href=""><span>美妆</span></a>
            <a href=""><span>男友</span></a>
            <a href=""><span>生活</span></a>
            <a href=""><span>内衣</span></a>
            <a href=""><span>运动</span></a>
            <a href=""><span>配饰</span></a>
            <a href=""><span>食品</span></a>
            <a href=""><span>母婴</span></a>
            <img class="img" src="img/index.png">
        </div>
    </div>

    <!-- 右侧导航栏 -->
    <div class="mgj_rightbar">
        <!--空的右侧边栏-->
        <div class="mgj_rightbar_960"></div>
        <!--方便定margin的空的dediv-->
        <div id="mgj_rightbar_blank_div"></div>
        <!--用户头像-->
        <div class="sidebar-item mgj-my-avatar"></div>
        <!--购物车-->
        <div class="sidebar-item mgj-my-cart">
            <a href="">
                <i class="s-icon"></i>
                <div class="s-txt">购物车</div>
                <div class="num"></div>
            </a>
        </div>
        <!--优惠券-->
        <div class="sidebar-item mgj-my-coupon">
            <a href="">
                <i class="s-icon"></i>
                <div class="s-txt">优惠券</div>
                <div class="num"></div>
            </a>
        </div>
        <!--钱包-->
        <div class="sidebar-item mgj-my-wallet">
            <a href="">
                <i class="s-icon"></i>
                <div class="s-txt">钱包</div>
            </a>
        </div>
        <!--足迹-->
        <div class="sidebar-item mgj-my-browserlog">
            <a href="">
                <i class="s-icon"></i>
                <div class="s-txt">足迹</div>
            </a>
        </div>
        <div class="sideBottom">
            <!--回到顶部-->
            <div class="sidebar-item mgj-back2top ">
                <a href="">
                    <i class="s-icon"></i>
                </a>
            </div>
        </div>
    </div>

    <!-- 导航条 -->
    <div class="header-o">
        <li class="ul-one ull"><a href="#"><span class="house"></span>蘑菇街首页</a></li>
    </div>
    <div class="header-t">
        <ul>
            <li class="ul-1 ull"><a href="#">注册</a></li>
            <li class="ul-2 ull"><a href="#">登录</a></li>
            <li class="ul-3 ull"><a href="#"><span class="back"></span>我的订单</a></li>
            <li class="ul-4 ull"><a href="#"><span class="back2"></span>购物车</a></li>
            <div class="ul-41">购物车里没有商品</div>
            <li class="ul-5 ull"><a href="#">客户服务<span class="back3"></span></a></li>
            <div class="ul-51">
                <div class="ul-511 ul-512"><a href="#">消费者服务</a></div>
                <div class="ul-511 ul-513"><a href="#">商家服务</a></div>
                <div class="ul-511 ul-514"><a href="#">规则中心</a></div>
            </div>
            <li class="ul-6 ull"><a href="#"><span class="back4"></span>我的小店<span class="back5"></span></a></li>
            <div class="ul-61">
                <div class="ul-511 ul-611"><a href="#">管理后台</a></div>
                <div class="ul-511 ul-612"><a href="#">商家社区</a></div>
                <div class="ul-511 ul-613"><a href="#">商家培训</a></div>
                <div class="ul-511 ul-614"><a href="#">市场入驻</a></div>
            </div>
        </ul>
    </div>
</header>
<nav>
    <div class="body">
    <div class="left">
        <p>团购 | <span>每天10点开始</span></p>
    </div>
    <div class="right">
        <p class="right-1"><a  href="">首页</a></p>
        <p class="right-2"><a  href="">品牌·剁手特卖</a></p>
        <p class="right-3"><a href="">囤货团</a></p>
    </div>
    <div class="center">
       <img src="img/tuihuo.png">
    </div>
    </div>
</nav>
<div class="row">
    <div class="one">
        <div class="one-1">
            <a href="">精选<span>&nbsp; ></span></a>
            <a href="">女装<span>&nbsp; ></span></a>
            <a href="">鞋子<span>&nbsp; ></span></a>
            <a href="">箱包<span>&nbsp; ></span></a>
            <a href="">美妆<span>&nbsp; ></span></a>
            <a href="">男友<span>&nbsp; ></span></a>
            <a href="">生活<span>&nbsp; ></span></a>
            <a href="">内衣<span>&nbsp; ></span></a>
        </div>
        <div class="two">
            <p>热门
                <span>·</span>
                搜索</p>
        </div>
        <div class="three">
            <a href="">牛仔短裤</a>
            <a href="">凉鞋</a>
            <a href="">T恤</a>
            <a href="">链条包</a>
            <a href="">连衣裙</a>
            <a href="">补水面膜</a>
        </div>
        <div class="one-2"></div>
       </div>
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <a href=""><img src="img/01.jpg"></a>
                <div class="carousel-caption">

                </div>
            </div>
            <div class="item">
                <a href=""><img src="img/02.jpg"></a>
                <div class="carousel-caption">

                </div>
            </div>
            <div class="item">
                <a href=""><img src="img/03.jpg"></a>
                <div class="carousel-caption">

                </div>
            </div>
            <div class="item">
                <a href=""><img src="img/04.jpg"></a>
                <div class="carousel-caption">

                </div>
            </div>

        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <div class="five">
        <a href=""><img  src="img/h6_i300x135.png"></a>
        <a href=""><img  src="img/h6_i2%20300x135.png"></a>
        <a href=""><img  src="img/h6_i3%20300x135.png"></a>
    </div>
</div>
<div class="brand" >
    <div class="sale">
        <div class="sale-1">
            <img src="img/pinpai.jpg">
        </div>
        <div class="sale-2">
            <p>全部剁手特卖</p>
        </div>
    </div>
    <div class="sale-one">
        <div class="sale-two">
            <a href=""><img src="img/s1.jpg">
                <div class="beauty">
                <div class="beauty-one">
                    <p>韩国美颜教室</p>
                    <p>甜美彩妆 公主范</p>
                    <p></p>
                    <div class="beauty-two">
                        <span>满89减10</span>
                        <span>抢!</span>
                    </div>
                </div>
            </div>
            </a>
            <a href=""><img src="img/s2.jpg">
                <div class="female">
                    <div class="female-one">
                        <p>女主角</p>
                        <p>专注于品质女鞋</p>
                        <p></p>
                        <div class="female-two">
                            <span>满69减5</span>
                            <span>抢!</span>
                        </div>
                    </div>
                </div>
            </a>
            <a href=""><img src="img/s3.jpg">
                <div class="love">
                    <div class="love-one">
                        <p>爱尚美优品</p>
                        <p>见证你的美丽改变</p>
                        <p></p>
                        <div class="love-two">
                            <span>满189减20</span>
                            <span>抢!</span>
                        </div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>


<div class="goods" >
    <div class="rob">
        <div class="rob-header">
            <img src="img/shangpin.png">
            <div class="rob-nav">
                <a href="#A"><span class="rob-1">默认</span></a>
                <span class="on"></span>
                <a href="#B"><span class="rob-2">最新</span></a>
                <span class="on"></span>
                <a href="#C"><span class="rob-3">销量<span class="glyphicon glyphicon-arrow-down" style="font-size: 12px"></span></span></a>
                <span class="on"></span>
                <a href="#D"><span class="rob-4" >价格<span class="glyphicon glyphicon-arrow-down" style="font-size: 12px"></span></span></a>
            </div>
        </div>
        <div class="rob-main">
            <a href=""><span>精选</span></a>
            <a href=""><span>女装</span></a>
            <a href=""><span>女鞋</span></a>
            <a href=""><span>包包</span></a>
            <a href=""><span>美妆</span></a>
            <a href=""><span>男友</span></a>
            <a href=""><span>生活</span></a>
            <a href=""><span>内衣</span></a>
            <a href=""><span>运动</span></a>
            <a href=""><span>配饰</span></a>
            <a href=""><span>食品</span></a>
            <a href=""><span>母婴</span></a>
            <img class="img" src="img/index.png">
        </div>
    </div>
</div>
<div class="an-active">
  <div class="alert">
    <div class="alert-1">
     <a href=""><img src="img/nei1.jpg"></a>
        <a href="" class="alert-a">
        <div class="alert-2">
            <span><em>￥</em>29.58</span>
            <span>立省21</span>
        </div>
            <div class="clear"></div>
            <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
        </a>
        <div class="alert-3">
         <p>已售16557</p>
         <p id="timer1" >
         </p>
        </div>
    </div>
      <div class="alert-1">
          <p class="aLmg"><img src="img/xin%20xiaotu%20.png"></p>
          <a href=""><img src="img/nei2.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer2">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <p class="aLmg"><img src="img/xin%20xiaotu%20.png"></p>
          <a href="#"><img src="img/nei3.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer3">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <a href=""><img src="img/nei4.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer4">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <p class="aLmg"><img src="img/xin%20xiaotu%20.png"></p>
          <a href=""><img src="img/nei5.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer5">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <p class="aLmg"><img src="img/xin%20xiaotu%20.png"></p>
          <a href=""><img src="img/nei6.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer6">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <a href=""><img src="img/nei7.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer7">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <a href=""><img src="img/nei8.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer8">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <p class="aLmg"><img src="img/xin%20xiaotu%20.png"></p>
          <a href=""><img src="img/nei9.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer9">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <a href=""><img src="img/nei10.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer10">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <a href=""><img src="img/nei11.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer11">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <p class="aLmg"><img src="img/xin%20xiaotu%20.png"></p>
          <a href=""><img src="img/nei12.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer12">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <p class="aLmg"><img src="img/xin%20xiaotu%20.png"></p>
          <a href=""><img src="img/nei13.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer13">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <p class="aLmg"><img src="img/xin%20xiaotu%20.png"></p>
          <a href=""><img src="img/nei14.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer14">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <a href=""><img src="img/nei15.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer15">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <p class="aLmg"><img src="img/xin%20xiaotu%20.png"></p>
          <a href=""><img src="img/nei16.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer16">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <a href=""><img src="img/nei17.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer17">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <p class="aLmg"><img src="img/xin%20xiaotu%20.png"></p>
          <a href=""><img src="img/nei18.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer18">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <a href=""><img src="img/nei19.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer19">
              </p>
          </div>
      </div>
      <div class="alert-1">
          <p class="aLmg"><img src="img/xin%20xiaotu%20.png"></p>
          <a href=""><img src="img/nei20.jpg"></a>
          <a href="" class="alert-a">
              <div class="alert-2">
                  <span><em>￥</em>29.58</span>
                  <span>立省21</span>
              </div>
              <p>雪纺衫短袖新款休闲纯色2016夏百搭简约上衣女夏轻熟T恤镂空</p>
          </a>
          <div class="alert-3">
              <p>已售16557</p>
              <p id="timer20">
              </p>
          </div>
      </div>

  </div>
</div>
<footer>
    <div class="footer-one">
    <div class="footer-two">
        <a class="logo" href=""></a>
        <div class="footer-1">
            <p>营业执照注册号:<a href="">330106000129004</a></p>
            <p>增值电信业务经营许可证:<a href="">浙B2-20110349
            </a></p>
            <p>ICP备案号：<a href="">浙ICP备10044327号-3
            </a></p>
            <p><a href=""><img src="img/anquan.png">
                <span>浙公网安备 33010602002329号</span>
            </a></p>
            <p>©2016 Mogujie.com<a href=""> 杭州卷瓜网络有限公司</a></p>
        </div>
        <div class="footer-2">
            <dl>
                <dt>公司</dt>
                <dd><a>关于我们</a></dd>
                <dd><a>招聘信息</a></dd>
                <dd><a>联系我们</a></dd>
            </dl>
            <dl>
                <dt>消费者</dt>
                <dd><a>消费者服务</a></dd>
                <dd><a>意见反馈</a></dd>
                <dd><a>手机版下载</a></dd>
            </dl>
            <dl>
                <dt>商家</dt>
                <dd><a>商家入驻</a></dd>
                <dd><a>商家后台</a></dd>
                <dd><a>蘑菇商学院</a></dd>
                <dd><a>商家社区</a></dd>
            </dl>
            <dl class="footer-3">
                <dt>权威认证</dt>
                <dd>
                    <a class="dt-1" href=""></a>
                    <a class="dt-2" href=""></a>
                    <a class="dt-3" href=""></a>
                </dd>
            </dl>
        </div>
    </div>
</div>
</footer>
</body>
</html>
<script src="js/shopcart.js"></script>
<script src="js/service.js"></script>
<script src="js/myshop.js"></script>



